import styled from "styled-components";

export const NewDiscsShelvesWrapper = styled.div`
    margin: 20px 0;
    .shelver-content {
        display: flex;
        height: 185px;
        width: 100%;
        background: #f5f5f5;
        border: 1px solid #d3d3d3;
        margin: 20px 0;
        display: flex;
        justify-content: center;
        padding-top: 30px;
        position: relative;
        .carousel-wrapper {
            width: 645px;
        }
        button {
            width: 17px;
            height: 17px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
        }
        .carousel-left {
            position: absolute;
            left: 0;
            background-position: -260px -75px;
            :hover {
                background-position: -280px -75px;
            }
        }
        .carousel-right {
            position: absolute;
            right: 0;
            background-position: -300px -75px;
            :hover {
                background-position: -320px -75px;
            }
        }
    }
`;